<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<script src="lib/raphael.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/jquery-1.3.2.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/jquery.hotkeys.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/jqModal.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" href="lib/jqModal.css" type="text/css" media="screen" />
		<script src="lib/jsclass.core.2.1.2.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/jsclass.stdlib.2.1.2.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/Math.uuid.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/json2.js" type="text/javascript" charset="utf-8"></script>
		<script src="lib/parser.js" type="text/javascript" charset="utf-8"></script>

		<!-- ls | awk '{print "\t\t<script src=\"Editor/" $1 "\" type=\"text/javascript\" charset=\"utf-8\"></script>"}' -->
		<script src="Editor/0Config.js" type="text/javascript" charset="utf-8"></script>
		<script src="Editor/BBox.js" type="text/javascript" charset="utf-8"></script>
		<script src="Editor/DeckClose.js" type="text/javascript" charset="utf-8"></script>
		<script src="Editor/DeckEdit.js" type="text/javascript" charset="utf-8"></script>
		<script src="Editor/DeckSelect.js" type="text/javascript" charset="utf-8"></script>
		<script src="Editor/DraggerCanvas.js" type="text/javascript" charset="utf-8"></script>
		<script src="Editor/DraggerConnector.js" type="text/javascript" charset="utf-8"></script>
		<script src="Editor/DraggerResize.js" type="text/javascript" charset="utf-8"></script>
		<script src="Editor/Element.js" type="text/javascript" charset="utf-8"></script>
		<script src="Editor/File.js" type="text/javascript" charset="utf-8"></script>
		<script src="Editor/Geometry.js" type="text/javascript" charset="utf-8"></script>
		<script src="Editor/Init.js" type="text/javascript" charset="utf-8"></script>
		<script src="Editor/Keys.js" type="text/javascript" charset="utf-8"></script>
		<script src="Editor/Literal.js" type="text/javascript" charset="utf-8"></script>
		<script src="Editor/Namespace.js" type="text/javascript" charset="utf-8"></script>
		<script src="Editor/Property.js" type="text/javascript" charset="utf-8"></script>
		<script src="Editor/ResourceConnectable.js" type="text/javascript" charset="utf-8"></script>
		<script src="Editor/Resource.js" type="text/javascript" charset="utf-8"></script>
		<script src="Editor/Shape.js" type="text/javascript" charset="utf-8"></script>
		<script src="Editor/Util.js" type="text/javascript" charset="utf-8"></script>

		<script type="text/javascript" charset="utf-8">
			window.onload = function () {
  			Editor.Init.init();
			}
		</script>
		<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

	</head>
	<body>

		<div id="canvas" class="canvas"></div>

		<div id="toolbarArea">
		<div id="toolbar">
			<span id="logo">RDF EDITOR</span>&nbsp;
			<button id="buttonNew">New</button>
			<button id="buttonImport">Import</button>
			<button id="buttonExport">Export</button>
			|
			<button id="buttonUndo">Undo</button>
			<button id="buttonRedo">Redo</button>
			<button id="buttonDeleteSelected">Delete</button>
			|
			<button id="buttonAddResource" class="resource">+ Resurce</button>
			<button id="buttonAddLiteral" class="literal">+ Literal</button>
			|
			<button id="buttonOptions">Options</button>
			<button id="buttonAbout">About</button>
            |
            <span id="status">0,0</span>
		</div>
		</div>

		<div id="canvasAdd" class="canvasAdd"></div>

		<div class="jqmWindow" id="dialogAddLiteral" style="display:none">
			<b><span id="titleAddLiteral">Literal</span></b><br /><br />
			Text:<br />
			<textarea id="text" class="field"></textarea><br />
			Lang:<br />
			<input type="text" id="lang" class="field" /><br />
			Datatype:<br />
			<input type="text" id="datatype" class="field" /><br /><br />
			<button id="buttonSendAddLiteral">Send</button>
			<button id="buttonCloseAddLiteral">Close</button>
		</div>

		<div class="jqmWindow" id="dialogAddResource" style="display:none">
			<b><span id="titleAddResource">Resource</span></b><br /><br />
			Name:<br />
			<input type="text" id="name" class="field" /> <br />
			<br /><u>Namespace</u><br />
			Prefix:<br />
			<input type="text" id="namespacePrefix" class="field" /><br />
			Uri:<br />
			<input type="text" id="namespaceUri" class="field" /><br /><br />
			<button id="buttonSendAddResource">Send</button>
			<button id="buttonCloseAddResource">Close</button>
		</div>

		<div class="jqmWindow" id="dialogExport" style="display:none">
			<b><span id="titleExport">Export</span></b><br /><br />
			Type: <input type="radio" name="typeExport" value="json" checked="checked" id="typeExportJson" /> json 
				<input type="radio" name="typeExport" value="xml" id="typeExportXml" /> rdf/xml 
				<input type="radio" name="typeExport" value="n3" disabled="disabled" id="typeExportN3" /> rdf/n3 <br>
			<textarea id="textExport" class="field" rows="10"></textarea><br /><br />
			<button id="buttonCloseExport">Close</button>
		</div>

		<div class="jqmWindow" id="dialogImport" style="display:none">
			<b><span id="titleImport">Import</span></b><br /><br />
			Type: <input type="radio" name="typeImport" value="json" checked="checked" id="typeImportJson" /> json 
				<input type="radio" name="typeImport" value="xml" id="typeImportXml" /> rdf/xml 
				<input type="radio" name="typeImport" value="n3" disabled="disabled" id="typeImportN3" /> rdf/n3 <br>
			<textarea id="textImport" class="field" rows="10"></textarea><br />
			<span id="buttonTextImportClear" class="largeButton">Clear</span>
			<br /><br />
			<button id="buttonSendImport">Send</button>
			<button id="buttonCloseImport">Close</button>
		</div>

		<div class="jqmWindow" id="dialogOptions" style="display:none">
        <b><span id="titleOptions">Options</span></b>
			<br /><br />
				<table>
					<tr><td colspan="2"><u>Grid</u></td></tr>
					<tr><td width="100" align="right">size: </td><td><input type="text" id="gridSize" size="5" /></td></tr>
					<tr><td align="right">show: </td><td><input type="radio" name="gridShow" value="yes" id="gridShowYes" disabled="disabled" /> Yes 
						<input type="radio" name="gridShow" value="no" id="gridShowNo" disabled="disabled" /> No<br>
					<tr><td align="right">snap: </td><td><input type="radio" name="gridSnap" value="yes" id="gridSnapYes" disabled="disabled" /> Yes 
						<input type="radio" name="gridSnap" value="no" id="gridSnapNo" disabled="disabled" /> No<br>
					<tr><td colspan="2">&nbsp;</td></tr>
					<tr><td colspan="2"><u>Canvas</u></td></tr>
					<tr><td align="right">width: </td><td><input type="text" id="canvasWidth" size="5" /></td></tr>
					<tr><td align="right">height: </td><td><input type="text" id="canvasHeight" size="5" /></td></tr>
				</table>
            <span id="buttonToggleLangUi" class="largeButton">Toggle language ui</span>
			<br /><br />
		
			<button id="buttonSendOptions">Send</button>
			<button id="buttonCloseOptions">Close</button>
		</div>

		<div class="jqmWindow" id="dialogAbout-en" style="display:none">
			<b>About</b><br /><br />
			
			Rdf triple graphic editor developed in javascript. <br /><br />
			For more information please see <a href="http://tesis-e.blogspot.com">blog</a> and <a href="http://code.google.com/p/tesis-e/">repository</a>.<br /><br />
			<u>Samples:</u><br /><br />
			<blockquote>
				<li><a href="index.html?sample=ida-vuelta">Go & Back</a></li>
				<li><a href="index.html?sample=ernesto-krsulovic.foaf">Foaf person</a></li>
				<li><a href="index.html?sample=spo-tiny">Subject, Predicate, Object: Tiny</a></li>
				<li><a href="index.html?sample=spo">Suject, Predicate, Object</a></li>
				<li><a href="index.html?sample=inba">School</a></li>
			</blockquote>

			<br /><br />
			<button class="buttonCloseAbout">Close</button>
		</div>

		<div class="jqmWindow" id="dialogAbout-es" style="display:none">
			<b>Acerca de</b><br /><br />

			Editor gráfico de triples RDF implementado en javascript. <br /><br />
			Favor ver <a href="http://tesis-e.blogspot.com">blog</a> y el <a href="http://code.google.com/p/tesis-e/">repositorio</a> para mas información.<br /><br />
			<u>Ejemplos:</u><br /><br />
			<blockquote>
				<li><a href="index.html?sample=spo-tiny">Sujeto, Predicado, Objeto: Pequeño</a></li>
				<li><a href="index.html?sample=spo">Sujeto, Predicados, Objetos</a></li>
				<li><a href="index.html?sample=inba">Escuela</a></li>
				<li><a href="index.html?sample=ernesto-krsulovic.foaf">Persona foaf</a></li>
				<li><a href="index.html?sample=ida-vuelta">Ida y Vuelta</a></li>
			</blockquote>

			<br /><br />

			<button class="buttonCloseAbout">Cerrar</button>
		</div>



	</body>
</html>
